<div class="main layui-clear"> 
   <h2 class="page-title">发表问题</h2> 
   <div class="layui-form layui-form-pane"> 
    <form action="" method="post"> 
     <div class="layui-form-item"> 
      <label for="L_title" class="layui-form-label">标题</label> 
      <div class="layui-input-block"> 
       <input type="text" id="L_title" name="title" required="" lay-verify="required" autocomplete="off" class="layui-input" /> 
      </div> 
     </div> 
     <div class="layui-form-item layui-form-text"> 
      <div class="layui-input-block"> 
       <textarea id="L_content" name="content" required="" lay-verify="content" placeholder="请输入内容" class="layui-textarea fly-editor" style="height: 260px;"></textarea> 
      </div> 
      <label for="L_content" class="layui-form-label" style="top: -2px;">描述</label> 
     </div> 
     <div class="layui-form-item"> 
      <div class="layui-inline"> 
       <label class="layui-form-label">所在类别</label> 
       <div class="layui-input-block"> 
        <select lay-verify="required" name="class">
          <option></option> 
          <?php foreach ($category as $key => $value) {?>
              <option value="<?php echo $value['id']?>">
              <?php echo $value['cname'] ?>

              </option> 
          <?php }?>
        </select> 
       </div> 
      </div> 
      <div class="layui-inline"> 
       <label class="layui-form-label">悬赏飞吻</label> 
       <div class="layui-input-block"> 
        <select name="experience"> 
          <option value="5">5</option>
          <option value="20">20</option>
          <option value="50">50</option> 
          <option value="100">100</option> 
        </select> 
       </div> 
      </div> 
     </div> 
     <div class="layui-form-item"> 
      <label for="L_vercode" class="layui-form-label">人类验证</label> 
      <div class="layui-input-inline"> 
       <input type="text" id="L_vercode" name="vercode" required="" lay-verify="required" placeholder="请回答后面的问题" autocomplete="off" class="layui-input" /> 
      </div> 
      <div class="layui-form-mid"> 
       <span style="color: #c00;">
        <?php echo $res[0]['vercode'] ?>
       </span> 
      </div> 
     </div> 
     <div class="layui-form-item"> 
      <button class="layui-btn" lay-filter="add" lay-submit="">立即发布</button> 
     </div> 
    </form> 
   </div> 
  </div>

<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src='__PUBLIC__/layui/layui.js'></script>
<script type="text/javascript">

layui.use([ 'form','layedit'], function(){
    var form = layui.form()
    ,layer = layui.layer
    ,layedit = layui.layedit;

    //建立编辑器
    edit = layedit.build('L_content', {
      tool: ['left', 'center', 'right', '|', 'face','image'],uploadImage: {url: "{:U('home/question/upload')}",type: ''}
    });


    //自定义验证规则
    form.verify({
       // 此content是铺抓到上面的lay-verify="content"的textarea
        content: function(value){
          // 同步编辑器中的内容到textarea
            layedit.sync(edit);
        }
        




    });     
  
    // 监听提交，此处的add是上面的lay-filter="add"
    form.on('submit(add)', function(data){
      //显示在控制台的日志那里
      // console.log(data.field);
      $.ajax({
        url: "{:U('home/question/publish')}",
        type: 'POST',
        dataType: 'json',
        data: data.field,
        success:function(response) {         
             if(response.error ==0 ){  
                layer.confirm(response.info, {
                  btn: ['确定'] //按钮
                }, function(){
                   location.replace("{:U('home/index/index')}");
                });
              }
          },
        error : function(response) {   
             alert("异常,ajax没有接收到数据！") 
        } 

      })
      return false;
    });
  
});
</script>